<template>
  <h2
    class="mb-8 text-2xl test-puhui font-bold text-center text-login-black xl:text-2xl enter-x xl:text-center <sm:text-1xl <sm:(mb-6px font-600)"
  >
    {{ getFormTitle }}
  </h2>
</template>
<script lang="ts" name="LoginFormTitle" setup>
import { LoginStateEnum, useLoginState } from './useLogin'

const { t } = useI18n()

const { getLoginState } = useLoginState()

const getFormTitle = computed(() => {
  const titleObj = {
    [LoginStateEnum.RESET_PASSWORD]: t('sys.login.forgetFormTitle'),
    // [LoginStateEnum.LOGIN]: t('sys.login.signInFormTitle'),
    [LoginStateEnum.LOGIN]: '武汉传媒学院统一身份认证平台',
    [LoginStateEnum.REGISTER]: t('sys.login.signUpFormTitle'),
    [LoginStateEnum.MOBILE]: t('sys.login.mobileSignInFormTitle'),
    [LoginStateEnum.QR_CODE]: t('sys.login.qrSignInFormTitle'),
    // [LoginStateEnum.SSO]: t('sys.login.ssoFormTitle')
    [LoginStateEnum.SSO]: '授权登录'
  }
  return titleObj[unref(getLoginState)]
})
</script>
